<template>
	<view class="page" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
		<c-nav-bar title="路线详情"></c-nav-bar>
		<image mode="widthFix" :src="cover" v-if="cover"></image>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				h: uni.getSystemInfoSync().windowHeight,
				mt: uni.getSystemInfoSync().statusBarHeight + 44,
				coverList:[
					'https://i.ringzle.com/file/20240507/99cdfc35aa0742c88f8e30e8d5a8441e.png',
					'https://i.ringzle.com/file/20240507/17e04b958dcf4635b3341a2571e19dd4.png',
					'https://i.ringzle.com/file/20240507/1d7354c892124e86b98086aa1c43a0fc.png',
					'https://i.ringzle.com/file/20240507/c54577f0afb845b38a7b4e62f91cafb2.png',
					'https://i.ringzle.com/file/20240507/3494906dff6a40c098fc03f78ca1132a.png',
					'https://i.ringzle.com/file/20240507/5e1db18ad7cb45d495b47e5f47ddd134.png',
					'https://i.ringzle.com/file/20240507/c937228018a948b9a085611adf6e1cc0.png'
				],
				cover:null
			}
		},
		onLoad(options) {
			this.cover = this.coverList[+options.index];
		}
	}
</script>

<style scoped lang="less">
	image{
		width: 100%;
	}
</style>